<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Chỉ úp trong 5s</title>
        <meta name="description" content="">
        <link rel="shortcut icon" type="image/gif" href="http://vietland.piv/favicon.gif" />
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="{{ asset('bundles/vietlandads/css/style.css') }}">
        <link type="text/css" href="{{ asset('bundles/vietlandads/css/ui.multiselect.css') }}" rel="stylesheet" />
        <script src="js/libs/modernizr-2.5.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
        <header>

        </header>
        <div role="main">
            <!--Top Row-->
            <div class="toprow">
                <div class="logo"><a href="http://www.up5s.com/"><img src="images/up5s.png"/></a></div>
                <div class="categories_panel">
                    <a href="#categories_panel"><span>Danh Mục Các Chợ</span></a>
                </div>
                {% if user == false %}
                    {% block fos_user_content %}
                        {% render "VietlandUserBundle:Security:homelogin" %}
                    {% endblock fos_user_content %}
                {% else %}
                    <div class="user_panel">
                        <a href="#user_panel"><span>{{ user.getUsername }}</span><img src="{{ path('_vietland_get_userimage', {'id': user.getId, 'img_index': 1})}}"/></a>
                        <ul>
                            <li><a href="#account_setting">Thiết lập tài khoản</a></li>
                            <li><a href="#log_out">Đăng xuất</a></li>
                        </ul>
                    </div>
                {% endif %}
            </div>
            
            <!-- Form -->
            <div class="form">
                <div class="form_wrapper">
                    <div class="wrap">
                          {% render "VietlandAdsBundle:Post:newPost" with {'_format': 'json'} %}
                          <ol id="list"><em>Điều kiện:</em> tối đa 5 hình và dung lượng hình nhỏ hơn 500Kbytes</ol>
                    </div><i class="arrow"></i>
                    <ul>
                        <li class="post_content selected" id="post_content"><span>Nội dung</span></li>
                        <li class="image_video" id="image_video"><span>Thêm hình</span></li>
                        <li id="submit_post" class="submit"><span><span>Đăng</span></span></li>
                    </ul><i class="close_form"></i>
                    
                </div>
            </div>
            <!-- Columns -->
            <div class="columns">
                <section>
                {% for post in column1 %}
                    <div>
                        <div>
                            <img class="user_image" src="{{ path('_vietland_get_userimage', {'id': post.getUser.getId, 'img_index': 1})}}"/>
                            <div class="user_info">
                                <em class="number_post">2093 bài</em>
                                <em class="location">Sài Gòn</em>
                            </div>
                        </div>
                        <div class="post_info">
                            <div><strong class="username online">{{ post.getUser.getUsername }}</strong><em>4 phút trước</em></div>
                            <div class="info">
                                <a class="popup" href="#{{post.getSlug}}">
                                    <h3>
                                        <img class="thumb" src="{{ path('_vietland_get_postimage', {'id': post.getId, 'img_index': 0})}}"/>{{post.getTitlePost}} - {{post.getContent}}
                                    </h3>
                                </a>
                                <ul>
                                    <li><a href="#laptop">{{post.getCategory.getTitle}}</a></li>
                                    <li><a href="#hanoi">Hà Nội</a></li>
                                </ul>
                                <div>
                                    <div class="right">
                                        <ul>
                                            <div id="{{post.getSlug}}">Chúng tôi sẽ đến trong hôm nay</div>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endfor %}
                </section>
                <!-- Section -->
                <section>
                {% for post in column2 %}
                    <div>
                        <div>
                            <img class="user_image" src="{{ path('_vietland_get_userimage', {'id': post.getUser.getId, 'img_index': 1})}}"/>
                            <div class="user_info">
                                <em class="number_post">2093 bài</em>
                                <em class="location">Sài Gòn</em>
                            </div>
                        </div>
                        <div class="post_info">
                            <div><strong class="username online">{{ post.getUser.getUsername }}</strong><em>4 phút trước</em></div>
                            <div class="info">
                                <a class="popup" href="#{{post.getSlug}}">
                                    <h3>
                                        <img class="thumb" src="{{ path('_vietland_get_postimage', {'id': post.getId, 'img_index': 0})}}"/>{{post.getTitlePost}} - {{post.getContent}}
                                    </h3>
                                </a>
                                <ul>
                                    <li><a href="#laptop">{{post.getCategory.getTitle}}</a></li>
                                    <li><a href="#hanoi">Hà Nội</a></li>
                                </ul>
                                <div>
                                    <div class="right">
                                        <ul>
                                            <div id="{{post.getSlug}}">Chúng tôi sẽ đến trong hôm nay</div>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endfor %}
                </section>
                <!--Section -->
                <section>
                {% for post in column3 %}
                    <div>
                        <div>
                            <img class="user_image" src="{{ path('_vietland_get_userimage', {'id': post.getUser.getId, 'img_index': 1})}}"/>
                            <div class="user_info">
                                <em class="number_post">2093 bài</em>
                                <em class="location">Sài Gòn</em>
                            </div>
                        </div>
                        <div class="post_info">
                            <div><strong class="username online">{{ post.getUser.getUsername }}</strong><em>4 phút trước</em></div>
                            <div class="info">
                                <a class="popup" href="#{{post.getSlug}}">
                                    <h3>
                                        <img class="thumb" src="{{ path('_vietland_get_postimage', {'id': post.getId, 'img_index': 0})}}"/>{{post.getTitlePost}} - {{post.getContent}}
                                    </h3>
                                </a>
                                <ul>
                                    <li><a href="#laptop">{{post.getCategory.getTitle}}</a></li>
                                    <li><a href="#hanoi">Hà Nội</a></li>
                                </ul>
                                <div>
                                    <div class="right">
                                        <ul>
                                            <div id="{{post.getSlug}}">Chúng tôi sẽ đến trong hôm nay</div>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endfor %}
                </section>
            </div>
        </div>
        <!-- Footer -->
        <footer>

        </footer>

        <div class="categories_filter">
            <select id="categories" class="categories" multiple="multiple" name="categories[]">
                {% for cat in categories %}
                <option value="{{cat.getId}}" id="{{cat.getId}}">{{cat.getTitle}}</option>
                {% endfor %}
            </select>
        </div>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

        <script src="js/plugins.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/plugins/localisation/jquery.localisation-min.js"></script>
        <script type="text/javascript" src="js/ui.multiselect.js"></script>
        <script src="http://vietland.piv:8080/socket.io/socket.io.js"></script>
        <script type="text/javascript" src="{{ asset('bundles/vietlandads/js/ajax.js') }}" charset="utf-8"></script>
        <script>
            $(".popup").colorbox({inline:true, width:"50%"});
            var foo = {{foo}};
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
                g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
                s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
        <script src="js/script.js"></script>
    </body>
</html>
